{%- comment -%}
  Include vars:
	title
  subtitle
	photo
	photo-alt
	auto-header
	content
{%- endcomment -%}

{%- assign _title = include.title | default: 'Untitled' -%}
{%- assign _slug = include.title | strip_html | slugify | default: 'untitled' -%}

{%- if include.photo and include.photo-alt -%}
	{%- capture _photo -%}
		<img src="{{- include.photo | relative_url -}}" alt="{{- include.photo-alt -}}" class="back">
	{%- endcapture -%}
	{%- assign _class = 'shade-one cover dark' -%}
{%- else -%}
	{%- assign _photo = '' -%}
	{%- capture _class -%}shade-{%- cycle 'two', 'three', 'four', 'three' -%}{%- endcapture -%}
{%- endif -%}


{%- if include.auto-header == 'none' -%}
	{%- assign _heading = "" -%}
{%- else -%}
	{%- capture _heading -%}
		<header>

			<h2>
			{%- if include.auto-header == null or include.auto-header == 'use-title' -%}
				{{- _title -}}
			{%- else -%}
				{{- include.auto-header -}}
			{%- endif -%}
      		</h2>

			{%- if include.subtitle -%}<p class="subtitle">{{- include.subtitle -}}</p>{%- endif -%}

			{%- include tag_iter.html cate=include.cate tags=include.tags -%}
			{%- if include.trans -%}
				<em class="trans">有中文翻译版本</em>
			{%- endif -%}
      

		</header>

	{%- endcapture -%}
{%- endif -%}


<section id="{{- _slug -}}" class="{{- _class -}}">
  <div class="container">
    {{- _photo -}}
    {{- _heading -}}

    {{- include.content -}}
  </div>
</section>
